import React, { FC } from 'react';
import { Button, Result } from 'antd';
import { useNavigate } from 'react-router-dom';
import { PageContainer } from '@/component/page-container';

const App: FC = () => {
  const navigate = useNavigate();
  const handleClick = () => {
    navigate(`/`);
  };

  return (
    <PageContainer header={null}>
      <Result
        status="403"
        title="403"
        subTitle="抱歉，您无权访问此页面."
        extra={
          <Button type="primary" onClick={handleClick}>
            返回首页
          </Button>
        }
      />
    </PageContainer>
  );
};

export default App;
